
import Vue from 'vue'
import Vuex from 'vuex'
import VueRouter from 'vue-router'
import routes from './routes'

Vue.use(Vuex)
Vue.use(VueRouter)

const router = new VueRouter({
  mode: 'history',
  routes: routes
})

new Vue({
  router,
  template: `
    <div>
      <div style="position: fixed;bottom: 0px;width: 100%;">
        <md-bottom-bar class="md-accent">
          <md-bottom-bar-item md-icon="history"><router-link :to="{ name: 'home' }">Home</router-link></md-bottom-bar-item>
          <md-bottom-bar-item md-icon="favorite" md-active><router-link :to="{ name: 'list' }">List</router-link></md-bottom-bar-item>
          <md-bottom-bar-item md-icon="near_me">Nearby</md-bottom-bar-item>
        </md-bottom-bar>
      </div>
      <router-view class="view"></router-view>
    </div>
  `
}).$mount('#app')
